<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <button>全选</button>
    <button>全不选</button>
    <button>反选</button><br>
    <input type="checkbox">
    <input type="checkbox">
    <input type="checkbox">
    <input type="checkbox">
    <input type="checkbox">
    <input type="checkbox">
    <input type="checkbox">
    <input type="checkbox">
    <input type="checkbox">
    <script>
        // var all = document.getElementsByTagName('button')[0]
        // var No = document.getElementsByTagName('button')[1]
        // var other = document.getElementsByTagName('button')[2]
        // var inp = document.getElementsByTagName('input')
        // all.onclick = function () {
        //     var n = inp.length
        //     for (var i = 0; i < n; i++) {
        //         inp[i].checked = true
        //     }
        // }
        // No.onclick = function () {
        //     var n = inp.length
        //     for (var j = 0; j < n; j++) {
        //         inp[j].checked = false
        //     }
        // }
        // other.onclick = function () {
        //     var n = inp.length
        //     for (var p = 0; p < n; p++) {
        //         if (inp[p].checked) {
        //             inp[p].checked = false
        //         } else {
        //             inp[p].checked = true
        //         }
        //     }
        // }

        var btn = document.getElementsByTagName('button')
        var inp = document.getElementsByTagName('input')
        for (var i = 0; i < btn.length; i++) {
            btn[i].onclick = function () {
                if (this.innerHTML === '全选') {
                    for (var j = 0; j < inp.length; j++) {
                        inp[j].checked = true
                    }
                } else if (this.innerHTML === '全不选') {
                    for (j = 0; j < inp.length; j++) {
                        inp[j].checked = false
                    }
                } else if (this.innerHTML === '反选') {
                    for (j = 0; j < inp.length; j++) {
                        inp[j].checked = !inp[j].checked
                    }
                }
            }
        }
    </script>
</body>

</html>